@charset "utf-8";
/**---无奈--**/
/*.mbEdiet_Framework_body{bottom: 10px !important;}*/
 .setting-panel input.ipt_text:read-only{background: #e4e4e4;}
select{height: 40px;min-width: 50px;font-size:  14px;}
.Framework-operate select{padding: 7px 10px 7px 10px;}
.min_ipt_text {
    position: relative;
    width:50px;
    border: 1px solid #ccc;
    background: #fff;
    __border-radius: 3px;
    font-size: 14px;
    padding: 8px 10px;
    line-height: 10px;
    height: 10px;
    margin-right: 5px;
    outline: none;
}
.Framework-operate .fll select{height: 30px; padding: 2px 10px 2px 10px;}
.Framework-operate .flr select{height: 30px;padding: 2px 10px 2px 10px;}
.Framework-operate select:disabled {
    background: #e5eaee;
    border: 1px solid #bbc4ca;
    color: #a9b1b6;
}
.Framework-operate .ipt_text.i-calendar {
    width: 150px;
}
.Framework-title .link_tip {
    font-size: 14px;
    color: #9e9e9e;
    font-style: normal;
    font-weight: normal;
    margin-left: 10px;
}
.Framework-title .link_tagtip {
    font-size: 14px;
    color: #9e9e9e;
    font-style: normal;
    font-weight: normal;
    margin-left: 10px;
}
/**----**/
.Framework-page .tools{
    float: left !important;
    line-height: 45px;
   margin-left: 15px;
}
.Framework-page .tools i{
    font-style: normal;

}
.tools i.refresh_button{
    font-style: normal;
    padding-left: 10px;
    background: url(../img/refresh_ico.png) no-repeat 2px center;
}
.tools i.exprot_button{
    font-style: normal;
    padding-left: 10px;
    background: url(../img/export_ico.png) no-repeat 2px center;
}
/* 小按钮 btn */
.tools .btn{
    display:inline-block;line-height:14px;
    border:1px solid #ccc; background:#fff;
    padding:7px 10px;border-radius: 2px;
    text-decoration:none;
    color:#444444;
    cursor:pointer;
}
.tools input.btn:disabled { background: #e5eaee; border: 1px solid #bbc4ca; color: #a9b1b6;}
.tools .btn:hover{ text-decoration:none; background:#f8f8f8; border-color:#309ff4; color:#444444;}

.viewFramework-main-body .subcontent{
    left:180px;
}
.dropMenu dt a{
    color: #fff;
    text-decoration: none;
}
.page_box .page_opt{
    display: inline-block;
    line-height: 45px;
    margin-right:20px;
}
.page_box .page_opt select{
    height: 28px;
    min-width: 50px;
    margin-right:10px;
}
.page_box .page_opt input{
    width: 50px;
    padding: 2px;
    margin-right:10px;
}
.page_box .page_opt .gobt{
    padding: 0px 14px;
}
/**---validate style--- **/
div.error { border: 1px dotted red; }
input.error { border: 1px dotted red; }
select.error { border: 1px dotted red; }
span.error { border: 1px dotted red; }
label.error {
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: red;
    font-size: 12px;
    margin-left: 5px;
}
/**---tip style---yellowsimple----**/
.tip-yellowsimple {
    z-index:1000;
    text-align:left;
    border:1px solid #c7bf93;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:6px 8px;
    min-width:50px;
    max-width:300px;
    color:#000;
    background-color:#fff9c9;
    /**
     * - If you set a background-image, border/padding/background-color will be ingnored.
     *   You can set any padding to .tip-inner instead if you need.
     * - If you want a tiled background-image and border/padding for the tip,
     *   set the background-image to .tip-inner instead.
     */
}
.tip-yellowsimple .tip-inner {
    font:12px/16px arial,helvetica,sans-serif;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellowsimple .tip-arrow-top {
    margin-top:-6px;
    margin-left:-5px; /* approx. half the width to center it */
    top:0;
    left:50%;
    width:9px;
    height:6px;
    background:url(../ui/images/tip-yellowsimple_arrows.gif) no-repeat;
}
.tip-yellowsimple .tip-arrow-right {
    margin-top:-4px; /* approx. half the height to center it */
    margin-left:0;
    top:50%;
    left:100%;
    width:6px;
    height:9px;
    background:url(../ui/images/tip-yellowsimple_arrows.gif) no-repeat -9px 0;
}
.tip-yellowsimple .tip-arrow-bottom {
    margin-top:0;
    margin-left:-5px; /* approx. half the width to center it */
    top:100%;
    left:50%;
    width:9px;
    height:6px;
    background:url(../ui/images/tip-yellowsimple_arrows.gif) no-repeat -18px 0;
}
.tip-yellowsimple .tip-arrow-left {
    margin-top:-4px; /* approx. half the height to center it */
    margin-left:-6px;
    top:50%;
    left:0;
    width:6px;
    height:9px;
    background:url(../ui/images/tip-yellowsimple_arrows.gif) no-repeat -27px 0;
}
/**---jBox style---Metro----- **/
/*
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*/
*:focus {outline: none;}
/* fade */
.jbox-fade{background-color:#000000;}
/* drag */
.jbox-drag{border:1px dashed #AAAAAA;}
/* jbox */
div.jbox {padding:0px;border:none;font-size:14px;font-family: '微软雅黑';box-shadow:0 0 5px #888;}
/* border */
div.jbox .jbox-border{background:none;display:none !important;}
/* container */
div.jbox .jbox-container{background-color:#FFFFFF;border:0px solid #21B0E2; }
/* title-panel */
/*div.jbox .jbox-title-panel{background:#21B0E2;border-bottom:0px solid #CCCCCC;padding:5px 0; height:35px !important;*height:25px !important;}*/
div.jbox .jbox-title-panel{background:#21B0E2;border-bottom:0px solid #CCCCCC;padding:5px 0; }
div.jbox .jbox-title{font-weight:bold;color:#FFFFFF;padding-left: 25px !important; margin-left: 5px;}
div.jbox .jbox-title-icon{background:url(../ui/images/jbox-title-icon.gif) no-repeat scroll 3px 5px transparent;}
div.jbox .jbox-close,div.jbox .jbox-close-hover{background:url(../ui/images/jbox-close.png) no-repeat scroll 0px 0px transparent;width:16px !important;height:16px !important;top:10px !important;right:10px !important;}
div.jbox .jbox-close-hover{background-position:-16px 0;}
/* content */
div.jbox .jbox-content{position:relative !important;min-height:30px;line-height:30px;color:#444444;padding:2px 5px;left: 0px !important;}
div.jbox .jbox-content-loading{background-color:#FFFFFF;position: absolute;z-index: 99;left: 0px;right: 0px;top: 35px;bottom: 0px;}
div.jbox .jbox-content-loading-image{background:url(../ui/images/jbox-content-loading.gif) no-repeat bottom center;}
/* button-panel */
div.jbox .jbox-button-panel{background-color: #EEEEEE;padding: 10px 0 !important; height: auto !important;}
div.jbox .jbox-bottom-text{text-indent:10px;color:#444444;}
div.jbox .jbox-button{background-color:#21B0E2;border:none;color:#FFFFFF;margin:0 10px;padding:0 15px !important;height:30px;cursor:pointer;font-family: '微软雅黑';font-size: 14px;}
div.jbox .jbox-button-hover{background-color:#1BA0CF;}
div.jbox .jbox-button-active{background-position:0px -40px;}
div.jbox-warning .jbox .jbox-button-panel{background-color: #FFFFFF;}
/* tip-color */
div.jbox .jbox-tip-color{background-color:#FFFFFF;border:none;color:#000000;}
/* icons */
div.jbox span.jbox-icon{background:url(../ui/images/jbox-icons.png) no-repeat scroll 0 0 transparent;top: 12px !important;}
div.jbox span.jbox-icon-info {background-position:0 0;}
div.jbox span.jbox-icon-question {background-position:-36px 0;}
div.jbox span.jbox-icon-success {background-position:-72px 0;}
div.jbox span.jbox-icon-warning {background-position:-108px 0;}
div.jbox span.jbox-icon-error {background-position:-143px 0;}
div.jbox span.jbox-icon-none {display: none; overflow:hidden;}
div.jbox span.jbox-icon-loading {background:url(../ui/images/jbox-loading.gif) no-repeat scroll 0 0 transparent;}

.spinner_text {
    position: relative;
    width: 30px;
    border: 1px solid #ccc;
    background: #fff;
    __border-radius: 3px;
    padding: 12px;
    height: 12px;
    outline: none;
    text-align: center;
}
.spinner_bt{
    border: 1px solid #ccc;
    font-size: 20px;
    border-radius: 0px;
    __border-radius: 0px;
    height: 38px;

}

.buyCountText{ margin:0px 16px 31px 0px; padding:12px; width:214px; height:12px;;border:1px solid #ccc; border-radius:0 1px; }

.tag-editor {
    list-style-type: none; padding: 5px 5px 5px 5px; margin: 0; overflow: hidden; border: 1px solid #eee; cursor: text;
    color: #555; background: #fff;width: 500px;height: 28px;
}

/* core styles usually need no change */
.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; line-height: 1.5; }
.tag-editor div { float: left; padding: 0 4px; }
.tag-editor .placeholder { padding: 0 8px; color: #bbb; }
.tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; }
.tag-editor input {
    vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
    font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
    box-shadow: none; background: none;
}

/* tag style */
.tag-editor .tag-editor-tag {
    padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
    overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
}

/* delete icon */
.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; padding-right: 5px; border-radius: 0 2px 2px 0; }
.tag-editor .tag-editor-delete i {
    display: inline-block; width: 7px; height: 7px; vertical-align: middle; background: url(delete.png) 0 0 no-repeat;
    position: relative; top: -1px;
}
.tag-editor .tag-editor-delete:hover i { background-position: 0 -14px; }
.tag-editor .tag-editor-tag.active+.tag-editor-delete,
.tag-editor .tag-editor-tag.active+.tag-editor-delete i { background: none; cursor: text; }

.tag-editor .tag-editor-tag.active { background: none !important; }